<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>年假设置</title>
    <link rel="stylesheet" type="text/css" href="../lib/laydate.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/pagination/style/pagination.css"/>
    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    <script type="text/javascript" src="../js/common/language.js" ></script>
    <script type="text/javascript" src="../js/news/jquery-1.9.1.js"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery.ui.widget.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery.iframe-transport.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jQuery-File-Upload-master/jquery.fileupload.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/news/page.js"></script>
    <script src="/lib/layer/layer.js?20201106"></script>
    <script src="/js/base/base.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script src="/js/ajaxupload.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <%--<script src="../lib/layer/layer.js?20201106"></script>--%>
    <style>
        a{
            text-decoration: none;
            color: #207bd6;
        }

        .buttonDiv>div{
            float: left;
            margin: 20px 10px;
        }
        .fileDone select{
            width: 160px;
            height:28px;
        }
        #tr_td tr:nth-child(odd){
            background-color: #fff;
        }
        input{
            float: none;
        }
        .newMange input[type="text"]{
            width: 260px;
            height: 30px;
        }
        select{
            width: 260px;
            height: 30px;
        }
        textarea{
            width: 260px;
            height: 50px;
            vertical-align: middle;
        }
        a{
            text-decoration: none;
            color: #207bd6;
        }
        .newTbale tr td{
            border-right: #ccc 1px solid;
            padding: 5px;
        }
        .divTable{
            width: 60%;
            margin: 0px auto;
        }
        .divTable table{
            width: 100%;
        }
        .divTable table tr th{
            padding: 8px;
            font-size: 13pt;
            color: #2F5C8F;
        }
        .divTable table tr td{
            text-align: center;
        }
        .divBtn{
            float: right !important;
            width: 103px;
            height: 28px;
            background: #2b7fe0;
            color: #fff;
            font-size: 14px;
            line-height: 28px;
            margin-right: 4%;
            margin-top: 20px;
            cursor: pointer;
            border-radius: 4px;
        }
        .return{
            width: 103px;
            height: 28px;
            background: #2b7fe0;
            border-radius: 4px;
            cursor: pointer;
            text-align: center;
            color: #ffffff;
            line-height: 28px;
            float: right;
            font-size: 14px;
            margin: 20px 70px 0 0;
        }
        .return a{
            color: #ffffff;
            padding:0 30px;
        }
        .annualShow{
            margin:0 auto;
            width:50%;
            text-align: center;
        }
        .annualShow  tr{
            /*border:none;*/
        }
        .compileShow{
            margin:0 auto;
            display: none;
            width:50%;
        }
        .compileShow  tr{
            border:none;
        }
        .compileShow select{
            margin: 5px;
            border-radius: 4px;
        }
        .annualLeave select{
            width: 60px;
        }
        .convertRule input{
            width: 40px;
            border-radius: 4px;
            margin: 5px;
        }

        .computationRule input{
            width: 40px;
            border-radius: 4px;
            margin: 5px;
        }
        .compileHide{

        }
        .compile{
            width: 103px;
            height: 28px;
            background: #2b7fe0;
            border-radius: 4px;
            cursor: pointer;
            text-align: center;
            color: #ffffff;
            line-height: 28px;
            font-size: 14px;
            color: #ffffff;
            padding:0 30px;
            margin: 30px auto;
        }
        .over{
            font-size: 10px;
            color: #cccccc;
        }
        .convertThat{
            font-size: 10px;
            color: #cccccc;
        }

        .return{
            width: 103px;
            height: 28px;
            background: #2b7fe0;
            border-radius: 4px;
            cursor: pointer;
            text-align: center;
            color: #ffffff;
            line-height: 28px;
            float: right;
            font-size: 14px;
            margin: 20px 70px 0 0;
        }
        .return a{
            color: #ffffff;
            padding:0 30px;
        }
        .save{
            width: 103px;
            height: 30px;
            line-height: 30px;
            background: #2b7fe0;
            color: #fff;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
            border-radius: 4px;

        }
        .repeal{
            width: 103px;
            height: 30px;
            line-height: 30px;
            background: #2b7fe0;
            color: #fff;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
            border-radius: 4px;
        }


    </style>
</head>
<body>
<div class="bx">

    <div class="navigation  clearfix juMange" id="hoSet" style="display: block;">
        <div class="left" style="margin-left: 30px">
            <img src="/img/commonTheme/${sessionScope.InterfaceModel}/icon_manageFile.png">
            <div class="news">年假设置</div>
        </div>
        <div class="return"><a href="/attendanceWay/attindex">返回</a></div>
        <div style="clear: both;"></div>
            <table class="annualShow">

                <tr >
                    <td class="">
                        <div style="font-weight: bolder">工龄计算规则:(单位：年)</div>
                        <%--<div>(单位：年)</div>--%>
                    </td>
                    <%--<td class="" id="">--%>

                    <%--</td>--%>

                </tr>



                <%--<tr>--%>
                    <%--<td>--%>
                        <%--计算标准:--%>
                    <%--</td>--%>
                    <%--<td>--%>
                        <%--手动输入--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr>--%>
                    <%--<td>--%>

                        <%--设置年假休息时间:--%>
                    <%--</td>--%>
                    <%--<td>--%>
                        <%--开始时间:--%>
                        <%--01月--%>
                        <%--01日--%>
                        <%--00:00:01--%>
                    <%--</td>--%>
                <%--</tr>--%>

            </table>
            <div class="compile">编辑</div>

            <table class="compileShow">
                <%--<tr>--%>
                    <%--<td>--%>
                        <%--计算标准:--%>
                    <%--</td>--%>
                    <%--<td class="compileHide" width="400">--%>
                        <%--<input class="" type="radio" name="stype" value="1" id="" onclick="">--%>
                        <%--<span class="">本单位工龄</span>--%>
                        <%--<input class="" type="radio" name="stype" value="2" id="" onclick="">--%>
                        <%--<span class="">总工龄</span>--%>
                        <%--<input class="" type="radio" name="stype" value="0" id="" onclick="" checked="checked">--%>
                        <%--<span class="">手动输入</span>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr class="annualLeave">--%>
                    <%--<td>--%>

                        <%--设置年假休息时间:--%>
                    <%--</td>--%>
                    <%--<td class="">--%>
                        <%--开始时间:--%>
                        <%--<select onchange="" class="">--%>
                            <%--<option value="01">01</option>--%>
                            <%--<option value="02">02</option>--%>
                            <%--<option value="03">03</option>--%>
                            <%--<option value="04">04</option>--%>
                            <%--<option value="05">05</option>--%>
                            <%--<option value="06">06</option>--%>
                            <%--<option value="07">07</option>--%>
                            <%--<option value="08">08</option>--%>
                            <%--<option value="09">09</option>--%>
                            <%--<option value="10">10</option>--%>
                            <%--<option value="11">11</option>--%>
                            <%--<option value="12">12</option>--%>
                        <%--</select><span class="">月</span>--%>
                        <%--<select onchange="" class="" id="">--%>
                            <%--<option value="01">01</option><option value="02">02</option>--%>
                            <%--<option value="03">03</option><option value="04">04</option>--%>
                            <%--<option value="05">05</option><option value="06">06</option>--%>
                            <%--<option value="07">07</option><option value="08">08</option>--%>
                            <%--<option value="09">09</option><option value="10">10</option>--%>
                            <%--<option value="11">11</option><option value="12">12</option>--%>
                            <%--<option value="13">13</option><option value="14">14</option>--%>
                            <%--<option value="15">15</option><option value="16">16</option>--%>
                            <%--<option value="17">17</option><option value="18">18</option>--%>
                            <%--<option value="19">19</option><option value="20">20</option>--%>
                            <%--<option value="21">21</option><option value="22">22</option>--%>
                            <%--<option value="23">23</option><option value="24">24</option>--%>
                            <%--<option value="25">25</option><option value="26">26</option>--%>
                            <%--<option value="27">27</option><option value="28">28</option>--%>
                            <%--<option value="29">29</option><option value="30">30</option>--%>
                            <%--<option value="31">31</option>--%>
                        <%--</select>--%>
                        <%--<span class="">日</span>--%>
                        <%--<span class="">00:00:01</span>--%>
                        <%--<br>--%>
                        <%--<span class="over">结束时间是开始时间的前一天的23时59分59秒</span>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr style="display: none" class="calculateType" id="">--%>
                    <%--<td class="">--%>
                        <%--计算类型:--%>
                    <%--</td>--%>
                    <%--<td class="">--%>
                        <%--<select onchange="" id="typeTime">--%>
                            <%--<option name="" value="0">按入职日期计算</option>--%>
                            <%--<option name="" value="1">按自然年计算</option>--%>
                        <%--</select>--%>
                        <%--<div class="convertDiv" id="">--%>
                            <%--<input type="checkbox"  id="convert" class="convert"   onclick="">--%>
                            <%--<span id="">当年工龄假期需进行折算</span>--%>
                        <%--</div>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr style="display: none" id="" class="convertWay">--%>
                    <%--<td class=" ">--%>
                        <%--折算方式:--%>
                    <%--</td>--%>
                    <%--<td class="">--%>
                        <%--<select onchange="" id="">--%>
                            <%--<option value="0">天</option>--%>
                            <%--<option value="1">0.5天</option>--%>
                        <%--</select>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr style="display: none" class="convertRule">--%>
                    <%--<td>--%>
                        <%--折算规则:--%>
                    <%--</td>--%>
                    <%--<td class="">--%>
                        <%--<div id="" class="">--%>
                            <%--<input type="text" class=" " name="">≤年假额度结余天数≤ 1 年假=1天--%>
                        <%--</div>--%>
                        <%--<div id="" class="">--%>
                            <%--<input type="text" class=""  name="">≤年假额度结余天数≤--%>
                            <%--<input type="text" onchange="" class="" name="">年假=0.5天, <br>--%>
                            <%--大于<input type="text" id="" class="" disabled="">的结余天数默认计为1天--%>
                        <%--</div>--%>
                        <%--<span class="convertThat">说明：员工年假额度 = 年假天数/365*入职天数</span>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr style="display: none" class="forceTime">--%>
                    <%--<td class="">--%>
                        <%--生效时间:--%>
                    <%--</td>--%>
                    <%--<td class="">--%>
                        <%--<select id="">--%>
                            <%--<option value="0">入职即生效</option>--%>
                            <%--<option value="1">入职满一年生效</option>--%>
                        <%--</select>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <tr  class="computationRule">
                    <td class="">
                        <div>工龄计算规则:</div>
                        <div>(单位：年)</div>
                    </td>
                    <td class="" id="">
                        <div id="" class="">
                            工龄 ≥ <input type="text"  class="seniority" name="" id="">&nbsp;&nbsp;享有年假天数:
                            <input type="text"  class="annual" name="" id="">
                            <span class="workingAdd" style="font-weight:  bolder;font-size: 27px;cursor: pointer;">＋</span>
                        </div>
                    </td>

                </tr>


            </table>
            <div class="wrapSaveRepeal"  style="display: none; margin-left:450px">
                <div class="save" style=" display: inline-block;">保存</div>

                <div class="repeal" style="margin-left: 20px; display: inline-block;">撤销</div>
            </div>
        </tr>
    </div>
</div>

</body>
<script type="text/javascript" >










    //    查询遍历展示规则
    $.ajax({
        type:'post',
        url:'/AttendLeaveParam/selectAttendLeave',
        dataType:'json',
        success:function(res){
            var dataObj=res.obj
            var resContent
            $.each(dataObj,function (i, item) {
                var iNum=i+1;
                resContent+=' <tr >'+
                        '<td class="" id="">'+
                            '<div id="" class="">'+
                            '工龄 ≥'+item.workingYears+'&nbsp;&nbsp;享有年假天数:'+item.leaveDay+''+
                            '</div>'+
                    '</td>'+
                '</tr>'
            })
            $(".annualShow").append(resContent);





        }
    })










    var addHtml
    //添加工龄规则
    $(".workingAdd").click(function () {
         addHtml='<tr  class="computationRule num">'+
            '<td class="">'+
            '</td>'+
            '<td class="" id="">'+
                '<div id="" class="">'+
                    '工龄 ≥ <input type="text" class="seniority" name="seniority" value="" id="">'+
                    '享有年假天数:<input type="text" class="annual" name="annual" value="" id="">'+
                    '<span class="workingDel" style=" cursor: pointer;;margin: 5px;font-weight:bolder;font-size: 23px">×</span>'+
                '</div>'+
            '</td>'+
            '</tr>'
        $(".compileShow").append(addHtml)
//        删除一条工龄规则
        $(".workingDel").click(function () {
            $(this).parent().parent().parent().remove()
        })
    });
    //  保存修改
    $(".save").click(function () {
//            var dataCon=[
//                {
//                alpid:规则的索引值,
//                working:工龄,
//                leave_day:享有年假天数
//                }
//            ]
        var arr="";
        for(var i = 0;i<$('.seniority').length;i++){
            var iId=i+1
            var id = iId;
            var seniority= $('.seniority').eq(i).val();
            var annual = $('.annual').eq(i).val();
            arr += id+","+seniority+","+annual+"-";
        }

        $.ajax({
            type:'post',
            url:'/AttendLeaveParam/updateAttendLeave',
            dataType:'json',
            data:{attendLeaveParams:arr},
            success:function(res){

                layer.msg('编辑保存成功！', {icon: 1,time:2000});
//                alert("编辑保存成功！")
               ///////===/=/=/==/=/=/=/=/==/=/==/=/=/==/=////==/=/=/= selectAttendLeave

                setTimeout(function(){  window.location.reload(); }, 2000);





            }
        })
    })


//    $("#convert").click(function(){
//        if($(this).prop("checked")==true){
//            $(".convertWay").show();
//            $(".convertRule").show();
//        } else{
//            $(".convertWay").hide();
//            $(".convertRule").hide();
//        }
//    });
    $(".compile").click(function () {
        $(".annualShow").hide();
        $(".compileShow").show();
        $(".compile").hide()
        $(".wrapSaveRepeal").show();
    })
    $(".repeal").click(function () {
        $(".annualShow").show();
        $(".compileShow").hide();
        $(".compile").show();
        $(".wrapSaveRepeal").hide();
        window.location.reload();
    })
//    $(':radio[name="stype"]').click(function () {
//        var val=$(this).val();
//        if (val=="0"){
//            $(".annualLeave").show();
//            $(".calculateType").hide();
//            $(".convertWay").hide();
//            $(".convertDiv").hide();
//            $(".convertRule").hide();
//            $(".forceTime").hide();
//            $(".computationRule").hide();
//        }else{
//            $(".annualLeave").hide();
//            $(".calculateType").show();
//            $(".convertDiv").hide();
//            $(".forceTime").show();
//            $(".computationRule").show();
//        }
//
//    })
//    $("#typeTime").change(function () {
//        var val=$(this).val();
//        if (val=="0"){
//            $(".convertDiv").hide();
//        }else{
//            $(".convertDiv").show();
//        }
//
//    })



</script>
</html>
